<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 表单演示</title>
<link rel="stylesheet" type="text/css" href="../bootstrap4/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h3>注册个人信息 <span class="badge badge-secondary">new</span></h3>
<form>
<div class="form-group">
    <label for="accountInput">账号</label>
    <input type="text" class="form-control" id="accountInput" placeholder="请输入账号">    
  </div>
 <div class="form-group">
    <label for="passwordInput">登陆密码</label>
    <input type="password" class="form-control" id="passwordInput" placeholder="请输入密码">    
  </div>
    <div class="form-group">
    <label for="confirmpasswordInput">确认密码</label>
    <input type="password" class="form-control" id="confirmpasswordInput" placeholder="请输入确认密码">    
  </div>  
   <div class="form-check form-group">
  <input class="form-check-input" type="radio" name="genderRadio" id="maleRadio" value="0" checked>
  <label class="form-check-label" for="maleRadio">
    男</label>
</div>
<div class="form-check form-group">
  <input class="form-check-input" type="radio" name="genderRadio" id="femaleRadio" value="1" checked>
  <label class="form-check-label" for="femaleRadio">
  女
  </label>
</div>
<div class="form-group">
    <label for="gradeSelect">学历</label>
    <select class="form-control" id="gradeSelect">
      <option selected>请选择</option>
      <option value="0">小学</option>
      <option value="1">中学</option>
      <option value="2">高中</option>
      <option value="3">大学</option>      
    </select>
  </div>
  <div class="input-group mb-3">
  <div class="input-group-prepend">
    <label class="input-group-text" for="nativeSelect">出生地</label>
  </div>
  <select class="custom-select" id="nativeSelect">
    <option selected>请选择</option>
    <option value="1">北京</option>
    <option value="2">西安</option>
    <option value="3">上海</option>
  </select>
</div>
 <div class="form-check form-group">
  <input class="form-check-input" type="checkbox" id="sportCheckbox" value="sport">
  <label class="form-check-label" for="sportCheckbox">体育</label>
</div>
<div class="form-check form-group">
  <input class="form-check-input" type="checkbox" id="musicCheckbox" value="music">
  <label class="form-check-label" for="musicCheckbox">音乐</label>
</div>
<div class="form-check form-group">
  <input class="form-check-input" type="checkbox" id="readingCheckbox" value="reading" >
  <label class="form-check-label" for="readingCheckbox">阅读</label>
</div>
<input type="submit" class="btn btn-primary" value="提交"/>   
</form>
</div>
</body>
</html>
